

@mixin ngm-story-comments($config-or-theme) {
  .ngm-story-comments {
    --editor-container-height: 10rem;
    --story-comments-height: 35rem;
    --story-comments-width: 30rem;
    width: var(--story-comments-width);
    height: var(--story-comments-height);

    .mat-card {
      display: flex;
      flex-direction: column;
    }
    .mat-card-content {
      flex: 1;
      overflow-y: auto;
    }

    .ngm-story-widget__comment-editor {
      .ql-container {
        height: var(--editor-container-height);
      }
    }
  }
}
